<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组</title>
</head>
<body>

</body>
<script>
  /*
  * 定义：数组是一种可以按顺序保存数据的数据类型
  * 基本使用：
  *     声明数组 let 数组名 = [数据1 , 数据2 , 数据3] —————— 不需要给清楚数组元素的长度
  *             let 数组名 = new Array(数据1 , 数据2 , 数据3)
  *             console.log(数组名)
  *     使用数组
  *
  * 数组操作：
  *     let arr = []
  *     arr[0] = 1
  *     arr[1] = 5
  *     console.log(arr)
  *
  * 数组添加新数据:
  *     arr.push(新增的内容)——————新增到最后
  *     arr.unshift(新增的内容)——————新增到开头
  *
  * 数组删除数据:
  *     arr.pop() ———— 从数组种删除最后一个元素，并返回该元素的值
  *     arr.shift() ———— 从数组中删除第一个元素，并返回该元素的值
  *     arr.splice(起始位置 , 删除几个元素) ———— 从起始的索引位置开始，删除元素遵循位置
  * */
  // 基本使用————查
  let names = [10 , 20 , 30 , 40 , 50]
  for (let i = 0; i < 5; i++) {
    console.log(names[i])
  }

  // 元素修改————改
  let arr = ['pink' , 'red' , 'green']
  arr[1] = 'black'
  for (let i = 0; i < 3; i++) {
    console.log(arr[i])
  }

  // 元素添加————增
  arr.push('write')
  arr.push(1)
  console.log(arr)
  arr.unshift('aaaaa')
  console.log(arr)

  // 元素删除————删
  let arr1 = ['red' , 'blue' , 'write']
  console.log('我删除了')
  arr1.pop()
  console.log(arr1)
  arr1.shift()
  console.log(arr1)

  let arr2 = ['hello' , 'hi' , 'bye' , 'see']
  arr2.splice(1 , 2)
  console.log(arr2)

</script>
</html>